/*
orange: #EAAF00;
orange-dark: #B79225
blue: #007093;
blue-medium: #80E0FF;
blue-light: #BFF0FF;
mustard: #EBCF00;
mustard-dark: #D1B902;
brown: #B85B37;
brown-medium: #FFBFA6;
brown-light: #FFDFD2;
brown-dark: #814027
grey: #EBEBEB;
black: #141414;
*/

body {
    margin: 0;
    font-family: sans-serif;
    background-color: #EBEBEB;
    color: #141414
}

#mainarea, #navbar {
    padding: 3px;
}

div.nav .rbtop div { 
    background: url(/images/orangeTL.gif) no-repeat top left; 
}
div.nav .rbtop { 
    background: #EAAF00 url(/images/orangeTR.gif) no-repeat top right; 
}

div.nav .rbbot div { 
    background: url(/images/orangeBL.gif) no-repeat bottom left; 
}

div.nav .rbbot { 
    background: #EAAF00 url(/images/orangeBR.gif) no-repeat bottom right; 
}

div.nav .rbtop div, div.nav .rbtop, div.nav .rbbot div, div.nav .rbbot {
    width: 100%;
    height: 10px;
    font-size: 1px;
}

div.nav .rbcontent { 
    padding: 0 10px 0 10px; 
    background-color: #EAAF00; 
}

div.adminPanel .rbtop div { 
    background: url(/images/blueTL.gif) no-repeat top left; 
}

div.adminPanel .rbtop { 
    background: #007093 url(/images/blueTR.gif) no-repeat top right; 
}

div.adminPanel .rbbot div { 
    background: url(/images/blueBL.gif) no-repeat bottom left; 
}

div.adminPanel .rbbot { 
    background: #007093 url(/images/blueBR.gif) no-repeat bottom right; 
}

div.adminPanel .rbtop div, div.adminPanel .rbtop, div.adminPanel .rbbot div, div.adminPanel .rbbot {
    width: 100%;
    height: 10px;
    font-size: 1px;
}

div.adminPanel .rbcontent { 
    padding: 0 10px;
    background-color: #007093;
}


#navbar .menuItem {
	width: 16%;
	text-align: center;
}

#navbar .menuItemHover {
	width: 16%;
	text-align: center;
	background-color: #B79225;
}

#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(/images/tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
	position:relative;
	width:300px;
	min-height:100px;
	margin-top:50px;
	border:2px solid #000;
	background-color:#F2F5F6;
	background-image:url(/images/alert.png);
	background-repeat:no-repeat;
	background-position:20px 30px;
	visiblity:hidden;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
	font:bold 0.9em verdana,arial;
	background-color:#78919B;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
}

#alertBox p {
	font:0.7em verdana,arial;
	height:50px;
	padding-left:5px;
	margin-left:55px;
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:3px;
	border:2px solid #000;
	width:70px;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#78919B;
	text-decoration:none;
}